<!--
 * @Descripttion: 
 * @version: 
 * @Author: 
 * @Date: 2019-09-20 15:52:46
 -->
<template>
  <div class="frame">
    <headerTop class="header-top"></headerTop>
    <div class="content-botton" :class="{'hideSidebar':getIsCollapse}">
      <leftMenu class="left-menu"></leftMenu>
      <div class="right-content" :class="{'model':getIsCollapse}">
        <headBox class="header-box"></headBox>
        <div class="content">
          <transition>
            <keep-alive :include="keepLiveInclude">
              <router-view></router-view>
            </keep-alive>
          </transition>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { mapGetters } from "Vuex";
import leftMenu from "./leftMenu/LeftMenu";
import headerTop from "./headerTop/headerTopLogic";
import headBox from "./rightContent/head/HeadBox";

export default {
  components: {
    leftMenu,
    headerTop,
    headBox // name
  },
  name: "frameView",
  props: {
    // msg: String //  [name: typeof]
  },
  filters: {},
  computed: {
    ...mapGetters(["keepLiveInclude", "getIsCollapse"])
  },
  watch: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
  destroyed() {}
};
</script>

<style lang="less">
@import url("./frame");
</style>
